<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
  <title>Document</title>
  <script src="./js/adv.js"></script>
  <link rel="stylesheet" href="./css/suning.css">
</head>
<body>
  <div class="container">
    <!---------- 导航条 ---------->
    <div class="wrap">
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161294178174781132.png?from=mobile" alt="">
        <span>苏宁秒杀</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293951076282456.png?from=mobile" alt="">
        <span>苏宁超市</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image3.suning.cn/uimg/cms/img/161294179334814175.png?from=mobile" alt="">
        <span>苏宁拼购</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293957567317395.png?from=mobile" alt="">
        <span>手机数码</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image2.suning.cn/uimg/cms/img/161293958842515136.png?from=mobile" alt="">
        <span>苏宁家电</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293959950045622.png?from=mobile" alt="">
        <span>免费水果</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image2.suning.cn/uimg/cms/img/161293961484173843.png?from=mobile" alt="">
        <span>super会员</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image3.suning.cn/uimg/cms/img/161293963977525820.png?from=mobile" alt="">
        <span>签到有礼</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293965567020138.png?from=mobile" alt="">
        <span>领券中心</span>
      </a>
      <a href="#" class="nav-item">
        <img src="https://image1.suning.cn/uimg/cms/img/161293968063152286.png?from=mobile" alt="">
        <span>更多频道</span>
      </a>
    </div>
<!-------------------- 商品列表 ---------------->
    <div class="body-list">
      <div class="list-item">
        <div class="item-img">
          <img src="https://imgservice.suning.cn/uimg1/b2c/image/4sQGEDCGzzgaHUCn2HWR9w.jpg" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
      <div class="list-item">
        <div class="item-img">
          <img src="./img/01.webp" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
      <div class="list-item">
        <div class="item-img">
          <img src="./img/01.webp" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
      <div class="list-item">
        <div class="item-img">
          <img src="https://imgservice.suning.cn/uimg1/b2c/image/4sQGEDCGzzgaHUCn2HWR9w.jpg" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
      <div class="list-item">
        <div class="item-img">
          <img src="https://imgservice.suning.cn/uimg1/b2c/image/4sQGEDCGzzgaHUCn2HWR9w.jpg" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
      <div class="list-item">
        <div class="item-img">
          <img src="https://imgservice.suning.cn/uimg1/b2c/image/4sQGEDCGzzgaHUCn2HWR9w.jpg" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
      <div class="list-item">
        <div class="item-img">
          <img src="https://imgservice.suning.cn/uimg1/b2c/image/4sQGEDCGzzgaHUCn2HWR9w.jpg" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
      <div class="list-item">
        <div class="item-img">
          <img src="https://imgservice.suning.cn/uimg1/b2c/image/4sQGEDCGzzgaHUCn2HWR9w.jpg" alt="">
        </div>
        <div class="item-title">海氏海诺医用消毒酒精棉片一次性伤口护理手机消毒湿巾旅行急救50片6cm*3cm</div>
        <div class="item-meta">
         <a href="#" class="meta-item">大聚惠</a>
         <a href="#" class="meta-item">赠</a>
        </div>
        <div class="item-price">
          <span class="price-unit">￥</span>
          <span class="price-num">5.5</span>
          <span class="price-comments">4500+评价</span>
        </div>
      </div>
    </div>

    <!--------------------- 底部导航 ------------------->
    <div class="footer">
      <a class="footer-list">
        <i class="footer-item">
          <img src="https://image.suning.cn/uimg/cms/img/157105696599538235.png" alt="">
        </i>
        <span>首页</span>
      </a>
      <a class="footer-list">
        <i class="footer-item">
          <img src="https://image.suning.cn/uimg/cms/img/157105701326237728.png" alt="">
        </i>
        <span>分类</span>
      </a>
      <a class="footer-list">
        <i class="footer-item">
          <img src="https://image.suning.cn/uimg/cms/img/157105715014136982.png" alt="">
        </i>
        <span>必抢清单</span>
      </a>
      <a class="footer-list">
        <i class="footer-item">
          <img src="https://image.suning.cn/uimg/cms/img/157105762930982264.png" alt="">
        </i>
        <span>购物车</span>
      </a>
      <a class="footer-list">
        <i class="footer-item">
          <img src="https://image.suning.cn/uimg/cms/img/157105768303272975.png" alt="">
        </i>
        <span>我的易购</span>
      </a>
    </div>
  </div>
</body>
</html>